<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>任务清单使用说明</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
  <script type="text/javascript">
    $(function() {
      $("img").lazyload({effect: "fadeIn"});
    });
  </script>
  <style>
    html, body{margin: 0; padding: 0; }
    ol{list-style-type:none;counter-reset:sectioncounter; font-size: 15px; padding: 0; margin: 0;}
    li{
      margin-bottom: 20px;
    }
    ol li:before {
      content:counter(sectioncounter) "、";
      counter-increment:sectioncounter;
    }
    img{
      max-width: 100%;
      margin: 0 auto;
      -webkit-filter: drop-shadow(3px 3px 3px gray);
      filter: drop-shadow(3px 3px 3px gray);
    }
    div{
      padding: 15px;
    }
    .header{
      text-align: center; background: black; height: 45px; position: fixed; color: white; padding: 5px;top:0;width: 100%; z-index: 9;
    }
  </style>
</head>
<body>
    <div class="header">
      <span style="cursor: pointer; position: absolute; padding: 10px;left:5px;font-size: 18px;font-weight: bold" onclick="history.go(-1)">返回</span>
      <div style="font-size: 26px;padding: 5px;">TDL任务清单使用说明</div>
    </div>
    <div style="padding: 4%;padding-top: 80px;">
    <ol>
      <li>任务清单已接入钉钉微应用，在钉钉开放平台设置 可使用人员，用户在微应用列表就会显示该应用。该应用适配手机。如图
          <div><img src="./img3/1.png"/></div>
      </li>
      <li>首页：展示用户待办任务和已完成的任务列表。 <br>
        用户可通过点击界面左边的复选框勾选完成任务，勾选完成后的任务将挪到已完成列表中，指派人和被指派人的任务将同步完成。
        右边的星星则标识该任务是否重要， 空心的星星标识不重要， 实心的星星标识重要。
        <div><img src="./img3/2.png" /></div>
      </li>
      <li>点击首页右小角蓝色+号按钮，可添加新的任务，如下图所示。
        <div><img src="./img3/30.png" /></div>
        <div>每个任务项，包含任务截止时间（默认今天）、指派人（默认自己）、是否重要、任务内容、备注5个输入项</div>
        <div>跨部门指派规则：需要指派给本部门总监/主管/组长, 本部门总监/主管/组长再协调由其他部门领导指派给具体人员</div>
        <div><img src="./img3/3.png" /></div>
      </li>
      <li>修改任务：点击任务列表中内容，进入编辑界面进行修改。<br>
        注意：已经完成的任务不能再被修改，但是可以反勾选让该任务重新进入待办列表。
        <div><img src="./img3/4.png" /></div>
      </li>
      <li>日历查看模式。 点击左下角的日历按钮，可进入日历查看模式，按照用户所选的日历展现任务：
        <div><img src="./img3/50.png" /></div>
        展示内容如下：
        <div><img src="./img3/5.png" /></div>
      </li>
      <li>任务按内容关键字搜索。
        <div><img src="./img3/6.png" /></div>
      </li>
    </ol>
    </div>
</body>
</html>
